<template>
    <div>
        <div class="header-main">
            <img :src="getImage('trademark.png')" alt="">
            <div class="main-right">
                <p style="font-size: 22px;">无人值守台球馆预约系统</p>
                <!-- <p>联系电话：13355554444</p>
                <p>联系地址：xx省xx市xx区</p> -->
            </div>
        </div>
    </div>
</template>

<script setup>
import { getImage } from '@/utils';


</script>

<style lang="scss" scoped>
.header-main {
    display: flex;
    align-items: center;
    padding-left: 20px;
    height: 90px;
    background-color: rgb(64, 115, 190);
    color: white;


    img {
        height: 69px;
        width: 65px;
    }

    .main-right {
        margin-left: 10px;

    }
}
</style>